<script >
export default {
    data() {
        return {

        }
    }, methods: {
        down() {
            alert('触发向下键的按键事件')
        },
        up() {
            alert('触发向上键的按键事件')
        },
        right() {
            alert('触发向右键的按键事件')
        },
        left() {
            alert('触发向左键的按键事件')
        },

    }
}
</script>

<template>
    <p>输入框(上):<input type="text" name="" id="" v-on:keyup.up="up" value="触发"></p>
    <p>输入框(下):<input type="text" name="" id="" v-on:keyup.down="down" value="触发"></p>
    <p>输入框(左):<input type="text" name="" id="" v-on:keyup.left="left" value="触发"></p>
    <p>输入框(右):<input type="text" name="" id="" v-on:keyup.right="right" value="触发"></p>
</template>

<style scoped></style>
